<?php include 'header.php'; ?>
<!-- 핫스팟 -->
<section id="hotspot">
	<h1 class="hidden">핫스팟</h1>
	<!-- 지도 -->
	<h2 class="hidden">지도</h2>
	<div class="map">
		<div class="map_api">
			<img src="img/@map.png" alt="@지도">
		</div>
		<div class="map_notice_wrap">
			<div class="map_notice">
				<p>총 5개의 핫스팟이 검색되었습니다.</p>
				<button type="button" class="map_notice_close">닫기</button>
			</div>
		</div>
	</div>
	<!-- //지도 -->
	<!-- 핫스팟 바로가기 -->
	<div class="quick">
		<h2 class="quickH">핫스팟 바로가기</h2>
		<ul class="quickUl">
		<li class="quickLi"><a href="#" class="quickA">홍대</a></li>
		<li class="quickLi"><a href="#" class="quickA">대학로</a></li>
		<li class="quickLi"><a href="#" class="quickA">강남</a></li>
		<li class="quickLi"><a href="#" class="quickA">대구</a></li>
		<li class="quickLi"><a href="#" class="quickA">부산</a></li>
		</ul>
	</div>
	<!-- //핫스팟 바로가기 -->
</section>
<!-- //핫스팟 -->

<!-- 공연검색 -->
<section id="search">
	<h1 class="hidden">공연검색</h1>
	
	<form action="#">
		<fieldset class="search">
			<legend class="hidden">검색</legend>
			<span class="searchView"><input type="search" placeholder="공연명 또는 아티스트명" title="검색어 입력" class="searchInput"></span>
			<button type="submit" class="searchBtn">검색</button>
		</fieldset>
		<fieldset class="searchOption">
			<legend class="hidden">검색 옵션</legend>
			<label class="searchLocation">
				위치
				<select>
				<option>전체</option>
				<option selected="selected">홍대</option>
				<option>대학로</option>
				<option>강남</option>
				<option>대구</option>
				<option>부산</option>
				</select>
			</label>
			<div class="searchType">
				<label><input type="checkbox" name="playType" class="searchCheck">음악</label>
				<label><input type="checkbox" name="playType" class="searchCheck">퍼포먼스</label>
				<label><input type="checkbox" name="playType" class="searchCheck">미술</label>
				<label><input type="checkbox" name="playType" class="searchCheck">기타</label>
			</div>
		</fieldset>
	</form>
	
	<h2 class="hidden">검색 결과</h2>
	<p>총 9,999개의 공연이 검색됨</p>
	<ul class="listUl">
	<li class="listLi">
		<a href="#" class="listA">
			<img src="img/@artist1.png" alt="10cm" width="72" height="72" class="listThumb">
			<div class="listContent">
				<h3 class="listH">10cm의 그게 아니고.. | 10cm</h3>
				<div class="listType">음악, 퍼포먼스</div>
				<div class="listLoc">홍대 <mark class="keyword">놀이터</mark> 옆 골목</div>
				<div class="listTime">
					<time datetime="2011-06-18T17:00">17:00</time>
					 ~ <time datetime="2011-06-18T17:20">17:20</time>
				</div>
			</div>
		</a>
	</li>
	<li class="listLi">
		<a href="#" class="listA">
			<img src="img/@artist2.png" alt="페퍼톤즈" width="72" height="72" class="listThumb">
			<div class="listContent">
				<h3 class="listH"><mark class="keyword">놀이터</mark> 앞 공원여행 | 페퍼톤즈</h3>
				<div class="listType">음악</div>
				<div class="listLoc">홍대 <mark class="keyword">놀이터</mark> 앞 공원</div>
				<div class="listTime">
					<time datetime="2011-06-18T17:10">17:10</time>
					 ~ <time datetime="2011-06-18T17:30">17:30</time>
				</div>
			</div>
		</a>
	</li>
	<li class="listLi">
		<a href="#" class="listA">
			<img src="img/@artist3.png" alt="좋아서하는밴드" width="72" height="72" class="listThumb">
			<div class="listContent">
				<h3 class="listH">유통기한 지난 우유 맛 공연 | 좋아서하는밴드</h3>
				<div class="listType">음악, 기타</div>
				<div class="listLoc">홍대 <mark class="keyword">놀이터</mark></div>
				<div class="listTime">
					<time datetime="2011-06-18T17:10">17:10</time>
					 ~ <time datetime="2011-06-18T17:30">17:30</time>
				</div>
			</div>
		</a>
	</li>
	</ul>
	<p class="listEmpty">'<mark class="keyword">놀이터</mark>'에 대한 검색결과가 없습니다.</p>
	
	<div class="listPage">
		<a href="#">이전시간</a> <a href="#">현재시간</a> <a href="#">다음시간</a>
	</div>
	
</section>
<!-- //공연검색 -->

<!-- 공연등록 -->
<section id="signup">
	<h1 class="hidden">공연등록</h1>
	<form action="#">
		<fieldset class="writeRequired">
			<legend class="hidden">필수 입력</legend>
			<ul class="writeUl">
			<li class="writeLi">
				<label class="writeCell" for="signupTitle">제목</label>
				<span class="writeCell">
					<span class="writeView"><input type="text" class="writeInput" id="signupTitle" required></span>
				</span>
			</li>
			<li class="writeLi">
				<label class="writeCell" for="signupArtist">아티스트명</label>
				<span class="writeCell">
					<span class="writeView"><input type="text" class="writeInput" id="signupArtist" required></span>
				</span>
			</li>
			<li class="writeLi">
				<span class="writeCell">공연 종류</span>
				<span class="writeCell">
					<label><input type="checkbox" name="writeType">음악</label>
					<label><input type="checkbox" name="writeType">퍼포먼스</label>
					<label><input type="checkbox" name="writeType">미술</label>
					<label><input type="checkbox" name="writeType">기타</label>
				</span>
			</li>
			<li class="writeLi">
				<span class="writeCell">공연 위치</span>
				<span class="writeCell">
					<button type="button">현재 위치 사용</button>
				</span>
			</li>
			<li class="writeLi">
				<span class="writeCell">시작 시간</span>
				<span class="writeCell">
					<input type="time" required>
				</span>
			</li>
			</ul>
		</fieldset>
		<fieldset class="writeAdd">
			<legend class="hidden">추가 정보</legend>
			<ul class="writeUl">
			<li class="writeLi">
				<span class="writeCell">
					<label class="hidden" for="signupIntro">소개글</label>
					<span class="writeView"><textarea cols="50" rows="4" id="signupIntro" placeholder="소개글을 입력하세요. (최대 150자)" class="writeInput"></textarea></span>
				</span>
			</li>
			<li class="writeLi">
				<label class="writeCell" for="signupLink">이미지/동영상 링크</label>
				<span class="writeCell">
					<span class="writeView"><input type="url" class="writeInput" value="http://" title="이미지/동영상 링크" id="signupLink"></span>
					<span class="writeView"><input type="url" class="writeInput" value="http://" title="이미지/동영상 링크"></span>
					<span class="writeView"><input type="url" class="writeInput" value="http://" title="이미지/동영상 링크"></span>
					<button type="button">+ 링크 추가하기</button>
				</span>
			</li>
			<li class="writeLi">
				<label class="writeCell" for="signupSNS">SNS URL</label>
				<span class="writeCell">
					<span class="writeView"><input type="url" class="writeInput" value="http://" id="signupSNS"></span>
				</span>
			</li>
			<li class="writeLi">
				<label class="writeCell" for="signupImage">이미지 첨부하기</label>
				<span class="writeCell">
					<input type="file" id="signupImage">
				</span>
			</li>
			</ul>
		</fieldset>
		<p>로그인하지 않은 상태에서 등록하시면 수정, 삭제가 불가능합니다.</p>
		<button type="submit">등록</button>
	</form>
</section>
<!-- //공연등록 -->
<?php include 'footer.php'; ?>